<template  >
  <!-- <el-col :span="24"  > -->
  <div>
    <el-form :inline="true" ref="listform" :model="listform" label-position: left>
      <el-form-item label="客户编号">
        <el-input v-model="listform.biahao" placeholder="請輸入客戶編號"></el-input>
      </el-form-item>
      <el-form-item label="客户名称">
        <el-input v-model="listform.name" placeholder="請輸入客户名称"></el-input>
      </el-form-item>
      <el-form-item label="经纪人名称">
        <el-input v-model="listform.jjrname" placeholder="請輸入客户名称"></el-input>
      </el-form-item>
      <el-form-item label="审核状态">
        <el-select style="width:200px" v-model="listform.type" placeholder="请选择审核状态">
          <el-option label="审核通过" value=""></el-option>
          <el-option label="审核失败" value="no"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="创建时间">
        <el-date-picker
          style="width:230px"
          v-model="listform.daterange"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          value-format="yyyyMMdd"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="选择日期">
        <el-date-picker style="width:200px" v-model="listform.date" type="date" value-format="yyyyMMdd" placeholder="选择日期"></el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="getUsers">查询</el-button>
      </el-form-item>
      <el-table
        :data="tableData"
        style=" width: 100%;"
        border
        highlight-current-row
        @current-change="tableChange"
      >
        <el-table-column sortable prop="appname" label="app的名称" width="200"></el-table-column>
        <el-table-column prop="apkname" label="apk名称"></el-table-column>
        <el-table-column prop="type" label="类型"></el-table-column>
        <el-table-column prop="comp_name" label="公司名称"></el-table-column>
        <el-table-column prop="type_number" label="版本号"></el-table-column>
        <el-table-column prop="update_date" label="更新时间"></el-table-column>
        <el-table-column prop="download_num" label="下载量"></el-table-column>
        <el-table-column label="炒作" fixed="right" prop="right">
          <template slot-scope="scope">
            <el-button @click="dele(scope.$index)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        layout="prev,pager,next"
        :total="total"
        :page-size="5"
        @current-change="change"
      ></el-pagination>
    </el-form>

    <el-dialog :visible.sync="isDialog" title="请确认是否删除?">
      <span>请确认是否删除</span>
      <div slot="footer">
        <el-button @click="isDialog = false">删除</el-button>
        <el-button @click="queding">确定</el-button>
      </div>
    </el-dialog>
  </div>

  <!-- </el-col> -->
</template>
<script>
import { tableData } from "@/assets/js/tableData.js";
import { close } from "fs";

export default {
  data() {
    return {
      isDialog: false,
      tableDataitme: 0,
      tableData: tableData,
      total: tableData.length,
      listform: {
        biahao: "",
        name: "",
        type: "",
        jjrname: "",
        date: "",
        daterange: ""
      },
     

    };
  },
  methods: {
    getUsers(){
     
      let paramsData= {
         name:this.listform.name,
         biahao:this.listform.biahao,
         type:this.listform.type,
         jjrname: this.listform.jjrname,
         data :this.listform.date,
         daterange: this.listform.daterange

      }
       console.log("==查詢==" + JSON.stringify(paramsData));
    },
    queding() {
      this.$message("已经删除了");
      this.tableData.splice(this.tableDataitme, 1);
      this.isDialog = false;
    },
    dele(val) {
      console.log("==删除==" + val);
      this.tableDataitme = val;
      this.isDialog = true;
    },
    change(val) {
      console.log(this.total + "==当前页==" + val);
    },
    tableChange(val) {
      console.log(this.total + "==表格 条目=内容=" + JSON.stringify(val));
    }
  },
  components: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
.el-col {
}
.el-form {
  justify: flex-start;
}
.el-table-column {
}
</style>